.tab-wrapper {
  display: flex;
  position: relative;
  border-bottom: $border-base;
  .tab-pannel {
    .tab-title {
      padding: $padding-base $padding-base * 2;
      cursor: pointer;
      user-select: none;
      font-size: $font-size;
      font-family: $font-family;
    }
    .tab-title.active {
      color: $hover;
    }
    .tab-content {
      width: 100%;
      position: absolute;
      top: $height-lg;
      left: 0;
      padding: 0 $padding-base * 2;
    }
  }
}
